<template>
  <div class='wind-shop'>
    <div class="w1200">
      <div class="search-box">
        <Search />
      </div>
      <div class="hot">
        <HotSelected />
      </div>
    </div>
    <Serve />
  </div>
</template>
<script>
import Search from './search/search.vue'
import HotSelected from './hotSelected/hotSelected'
import Serve from '@/components/serve/serve.vue'
export default {
  components: {Search,HotSelected,Serve},
  name: "",
  data() {
    return {};
  },
  methods: {},
  created() {
    console.log(_g.getRouterPath(this));
  }
};
</script>
<style lang="scss" scoped>
.wind-shop {
  >div.w1200{
    display: flex;
  }

  .search-box{
    width: 950px;
  }
  .hot{
    margin-left: 20px;
    flex: 1;
    max-width: 240px
  }
}
</style>